<div id="studentList" class="app-size-full app-padding-20" ng-controller="StudentController as vm">
    <div class="app-panel app-shadow-2 arp-border-radius-5 app-size-full app-padding-20">
        <div class="app-flex-row app-flex-between-x">
            <div class="app-flex-row">
                <button class="app-button app-margin-right-10" ng-repeat="btn in vm.topBtns"
                        ng-click="vm.topBtnEvent(btn.text)">
                    <svg class="app-icon app-icon-20">
                        <use xlink:href="{{'#icon-' + btn.icon}}"></use>
                    </svg>
                    <span class="app-margin-left-5">{{btn.text}}</span>
                </button>
            </div>
            <div search-bar callback="vm.searchCallback"></div>
        </div>
        <div>
            <div class="app-flex-row app-padding-y-10 app-margin-top-20 courseware-table courseware-table-head">
                <div class="courseware-item-checkbox app-margin-x-10" ng-click="vm.toggleChecked('all')">
                    <svg class="app-icon app-icon-16" ng-class="{true:'ft-color-red-light'}[vm.allChecked()]">
                        <use xlink:href="{{'#icon-' + (vm.allChecked() ? 'checkbox1' : 'checkbox')}}"></use>
                    </svg>
                </div>
                <div class="courseware-item-name">
                    <span>姓名</span>
                </div>
                <div class="courseware-item-relname">
                    <span>学号</span>
                </div>
                <div class="courseware-item-teacher">
                    <span>联系电话</span>
                </div>
                <div class="courseware-item-attach">
                    <span>家庭住址</span>
                </div>
            </div>
            <div class="courseware-table-data" auto-height ng-scrollbar fix="-210">
                <div class="app-flex-row app-padding-y-10 courseware-table"
                     ng-class="{true:'courseware-item-checked'}[item.check]"
                     ng-repeat="item in vm.student track by $index" ng-if="vm.student | listIsNotEmpty"
                     ng-mouseover="vm.stuItemShow(item.id)"
                     ng-mouseleave="vm.stuItemHide(item.id)">
                    <div class="courseware-item-checkbox app-margin-x-10" ng-click="vm.toggleChecked(item)">
                        <svg class="app-icon app-icon-16" ng-class="{true:'ft-color-red-light'}[item.check]">
                            <use xlink:href="{{'#icon-' + (item.check ? 'checkbox1' : 'checkbox')}}"></use>
                        </svg>
                    </div>
                    <div class="courseware-item-name">
                        <!--<i class="app-icon-file app-margin-x-10"></i>-->
                        <span>{{item.name}}</span>
                    </div>
                    <div class="courseware-item-relname position-r">
                        <span>{{item.tenantCode}}</span>
                        <a class="stu-item-hover padding-5 border-r5"
                           ng-class="{true:'display-b',false:'display-n'}[vm.isShow == item.id]">
                            <span class="cursor white padding-lr5" ng-click="vm.stuItemEdit(item.id)">修改</span>
                            <span class="cursor white padding-lr5" ng-click="vm.stuItemDel(item.id)">删除</span>
                            <span class="cursor white padding-lr5" ng-click="vm.stuItemVis(item.id)">查看</span>
                        </a>
                    </div>
                    <div class="courseware-item-teacher">
                        <span>{{item.mobile}}</span>
                    </div>
                    <div class="courseware-item-attach">
                        <i class="app-margin-right-10 app-icon-file-{{item.courseware[0].type | attachIconFilter}}"></i>
                        <span>{{item.Address}}</span>
                        <a class="ft-color-green-normal" ng-if="item.courseware.length > 1">更多</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="paging">
            <svg class="app-icon app-icon-20">
                <use xlink:href="{{'#icon-left1'}}"></use>
            </svg>
            显示<span>1</span>到<span>20</span>,共<span class="red">35</span>记录
            <svg class="app-icon app-icon-20">
                <use xlink:href="{{'#icon-right1'}}"></use>
            </svg>
        </div>
    </div>
    <div class="app-new-overly" ng-class="{true:'display-b',false:'display-n'}[vm.overlay]"></div>
    <div class="app-new-form"  ng-class="{true:'display-b',false:'display-n'}[vm.newFrame]">
        <div class="app-new-table">
            <div class="form-title">基本信息</div>
            <div class="form-row">
                <div class="item-name">学生姓名</div>
                <div class="item-input"><input type="text" value="{{vm.stu.name}}" ng-readonly={{vm.isReadonly}}></div>
                <div class="item-name">登录账号</div>
                <div class="item-input"><input type="text" value="{{vm.stu.code}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">登录密码</div>
                <div class="item-input"><input type="password" value="{{vm.stu.rawPassword}}" ng-readonly="{{vm.isReadonly}}"></div>
                <div class="item-name">验证密码</div>
                <div class="item-input"><input type="text" value="{{vm.stu.rawPassword2}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">学生性别</div>
                <div class="item-input"><input type="text" value="{{vm.stu.sex}}" ng-readonly="{{vm.isReadonly}}"></div>
                <div class="item-name">个人照片</div>
                <div class="item-input"><input type="text" value="{{vm.stu.photo}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">身份证号</div>
                <div class="item-input"><input type="text" value="{{vm.stu.idCard}}" ng-readonly="{{vm.isReadonly}}"></div>
                <div class="item-name">名族</div>
                <div class="item-input"><input type="text" value="{{vm.stu.nationality}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">政治面貌</div>
                <div class="item-input"><input type="text" value="{{vm.stu.pliticsStatus}}" ng-readonly="{{vm.isReadonly}}"></div>
                <div class="item-name">联系电话</div>
                <div class="item-input"><input type="text" value="{{vm.stu.mobile}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-title">详细信息</div>
            <div class="form-row">
                <div class="item-name">班级名称</div>
                <div class="item-input"><input type="text" value="{{vm.stu.classesName}}" ng-readonly="{{vm.isReadonly}}"></div>
                <div class="item-name">备注信息</div>
                <div class="item-input"><input type="text" value="{{vm.stu.notes}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-handle">
                <div class="new-btn-submit cursor" ng-class="{true:'display-n',false:'display-b'}[vm.isReadonly]" ng-click="vm.saveNewStu()">保存</div>
                <div class="new-btn-cancel cursor" ng-click="vm.closeFrame()">取消</div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
</div>